.select_city{
  .wrapper{
    padding-bottom: 0;
  }
  .bottomBar{
    position: absolute;
    height: 50px;
    bottom: 0;
    left: 0;
    width: 100%;
    button{
      .redBtn;
    }
  }
  .title{
    height: 70px;
    background: #fff url('../../static/img/registration/tranning_black.png') 18px center no-repeat;
    background-size: 57px auto;
    padding-right: @space;
    &:extend(.flex);
    .txt{
      &:extend(.flex1);
      padding-left: 85px;
      h2{
        font-size: 20px;
        font-weight: bold;
        padding: 8px 0 2px;
      }
      p{
        font-size: 15px;
      }
    }
    .backHome{
      background: url('../../static/img/registration/back_home.png') center 14px no-repeat;
      background-size: auto 23px;
      padding-top: 40px;
      font-size: 15px;
    }
  }
  .cityList{
    @hei: 150px;
    .txt{
      position: absolute;
      left: 0;
      top: 50%;
      width: 100%;
      text-align: center;
    }
    li{
      position: relative;
      color: #fff;
      font-weight: bold;
      height: @hei;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      span{
        .txt;
        height: @hei;
        line-height: @hei;
        font-size: 50px;
        margin-top: -@hei/2;
      }
    }
    li.unpen{
      @s: 13px;
      opacity: 0.5;
      span{
        margin-top: -@hei/2-@s;
      }
      &:after{
        .txt;
        @hei: 20px;
        height: @hei;
        line-height: @hei;
        content: '敬请期待';
        font-size: 16px;
        margin-top: @s;
      }
    }
  }
}
